<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>login</title>
    <link rel="stylesheet" href="../css/left_nav.css">
    <link rel="stylesheet" href="../css/right_nav.css">
    <link rel="stylesheet" href="../css/bottom_nav.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/login.css">
    <link rel="stylesheet" href="../css/car.css">
    <script src="../js/login.js"></script>
    <script src="../js/ajax.js"></script>
    <script src="../js/cookie.js"></script>
</head>

<body>
    <div class="login_box">
        <div class="left"></div>
        <div class="center">
            <form action="" class="login">
                <p>
                    <span>登录</span>
                    <span>*必填项</span>
                </p>
                <ul class="login_top">
                    <li>
                        <label for="">手机号码或电子邮箱*</label>
                        <input type="text" placeholder="请输入您的手机号码或者电子邮箱" class="phoneEmail">
                        <span class="phoneError"></span>
                    </li>
                    <li>
                        <p>
                            <label for="">密码*</label>
                            <a href="">忘记密码</a>
                        </p>
                        <input type="password" placeholder="请输入您的密码" class="pass">
                        <i class="iconfont icon-mimakejian"></i>
                        <span class="passError"></span>
                    </li>
                </ul>
                <button type="submit" class="btn_login">登录</button>
                <div class="btn_other">
                    <button>微信一键登录</button>
                    <button>新浪微博一键登录</button>
                </div>
                <a href="#" class="phone_login">手机验证码快速登录</a>
                <div class="login_bottom">
                    <h3>创建新账户</h3>
                    <ul>
                        <li>使用心愿单保存心仪的商品</li>
                        <li>更快速的完成付款</li>
                        <li>实时追踪您的订单</li>
                    </ul>
                    <a href="../html/register.html">创建新账户</a>
                </div>
            </form>
        </div>
        <div class="center_right">
            <div>
                <input type="text" placeholder="查找">
                <i class="iconfont icon-cuowu cancle"></i>
                <ul>
                    <p>热门推荐</p>
                    <li><a href="">鞋子</a></li>
                    <li><a href="">帽子</a></li>
                    <li><a href="">裙子</a></li>
                </ul>
            </div>
        </div>
        <div class="even"></div>
        <div class="car">
            <div class="car_top">
                <p class="t_count">共一件</p>
                <i class="iconfont icon-cuowu quxiao"></i>
            </div>
            <div class="car_center">
                <div class="center_warpper">
                    <div class="list_warpper">
                        <!-- <div class="list">
                            <p>
                                <input type="checkbox">
                            </p>
                            <p>
                                <img src="" alt="">
                            </p>
                            <div class="list_content">
                                <p>
                                    <span>蓝色大理石粉色低腰牛仔裤</span>
                                    <span>￥&nbsp;5,900</span>
                                </p>
                                <div class="content1">
                                    <p>蓝色</p>
                                    <p>25码</p>
                                    <div class="con">
                                        <span>数量</span>
                                        <p>
                                            <a href="#">-</a>
                                            <a href="#">1</a>
                                            <a href="#">+</a>
                                        </p>
                                    </div>
                                    <div class="btn">
                                        <button>删除</button>
                                    </div>
                                </div>
                            </div>
                        </div> -->
                    </div>
                    <div class="footer_warpper">
                        <div class="total_info">
                            <div class="all_select">
                                <input class="All_choose" type="checkbox">
                                <label for="">全选</label>
                            </div>
                            <p>
                                <span>合计</span>
                                <span class="summation">￥00.00</span>
                            </p>
                        </div>
                        <div class="pay_btn">
                            <button>结算</button>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
        <div class="right"></div>
    </div>
    <div class="bottom_box"></div>
    <script src="../js/left_nav.js"></script>
    <script src="../js/right_nav.js"></script>
    <script src="../js/bottom_nav.js"></script>
    <script src="../js/car.js"></script>
</body>

</html>